<template>
    <div class="Page Confirm">
        <div class="Title">
            <h1 class="fl f18">订单确认</h1>
            <img src="~/assets/img/cart_setp2.png" class="fr" />
            <div class="clear"></div>
        </div>
        <form name="flowForm" id="flowForm" method="post" action>
            <table class="GoodList">
                <tbody>
                    <tr>
                        <th class="name">商品</th>
                        <th class="price">原价</th>
                        <th class="priceNew">价格</th>
                    </tr>
                </tbody>
                <tbody>
                    <!-- <tr>
          <td colspan="3" class="Title red f18 fb"><p>限时折扣</p></td>
                    </tr>-->
                    <tr v-if="order.courseId">
                        <td colspan="3" class="teacher">讲师：{{order.teacherName}}</td>
                    </tr>
                    <tr class="good">
                        <td class="name First" v-if="order.courseId">
                            <a target="_blank" :href="'/course/'+order.courseId">
                                <img :src="order.courseCover" />
                            </a>
                            <div class="goodInfo">
                                <input type="hidden" class="ids ids_14502" value="14502" />
                                <a
                                    target="_blank"
                                    :href="'/course/'+order.courseId"
                                >{{order.courseTitle}}</a>
                            </div>
                        </td>
                        <td class="name First" v-if="order.classId">
                            <a target="_blank" :href="'/classroom/'+order.classId">
                                <img :src="order.courseCover" />
                            </a>
                            <div class="goodInfo">
                                <input type="hidden" class="ids ids_14502" value="14502" />
                                <a
                                    target="_blank"
                                    :href="'/classroom/'+order.classId"
                                >{{order.courseTitle}}</a>
                            </div>
                        </td>
                        <td class="price">
                            <p>
                                ￥
                                <strong>{{order.totalFee}}</strong>
                            </p>
                            <!-- <span class="discName red">限时8折</span> -->
                        </td>
                        <td class="red priceNew Last">
                            ￥
                            <strong>{{order.totalFee}}</strong>
                        </td>
                    </tr>
                    <tr>
                        <td class="Billing tr" colspan="3">
                            <div class="tr">
                                <p>
                                    共
                                    <strong class="red">1</strong> 件商品，合计
                                    <span class="red f20">
                                        ￥
                                        <strong>{{order.totalFee}}</strong>
                                    </span>
                                </p>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="Finish">
                <div class="fr" id="AgreeDiv">
                    <label for="Agree">
                        <p class="on">
                            <input type="checkbox" checked="checked" />我已阅读并同意
                            <a href="javascript:" target="_blank">《小麦穗购买协议》</a>
                        </p>
                    </label>
                </div>
                <div class="clear"></div>
                <div class="Main fl">
                    <div class="fl" v-if="order.courseId">
                        <a :href="'/course/'+order.courseId">返回课程详情页</a>
                    </div>
                    <div class="fl" v-if="order.classId">
                        <a :href="'/classroom/'+order.classId">返回班级详情页</a>
                    </div>
                    <div class="fr">
                        <p>
                            共
                            <strong class="red">1</strong> 件商品，合计
                            <span class="red f20">
                                ￥
                                <strong id="AllPrice">{{order.totalFee}}</strong>
                            </span>
                        </p>
                    </div>
                </div>
                <input name="score" value="0" type="hidden" id="usedScore" />
                <button class="fr redb" type="button" id="submitPay" @click="toPay()">去支付</button>
                <div class="clear"></div>
            </div>
        </form>
    </div>
</template>
<script>
import { getOrderByOrderNo } from "@/api/order/order";
export default {
    //根据订单id获取订单信息
    asyncData({ params, error }) {
        return getOrderByOrderNo(params.oid).then((response) => {
            return {
                order: response.data.order,
            };
        });
    },
    methods: {
        //点击去支付，跳转到支付页面
        toPay() {
            this.$router.push({ path: "/pay/" + this.order.orderNo });
        },
    },
};
</script>